/* pages/DeviceData/index.wxss */
.body {
  background: #FFFFFF;
}

.wrapper-contion {
  width: 100%;
  height: 100%;
}

.wrapper {
  padding-top: 286px;
  width: 750px;
  background: url('https://oss.cloudcpc.com/1fce8ffcf5ae39b599fad654157b0a77.png') no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
}

.Logo-Title {
  text-align: center;
  font-size: 42px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 43px;
  margin-bottom: 33px;
}

.Logo-sub {
  text-align: center;
  width: 750px;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 48px;
  margin-bottom: 128px;
}


.wrapper-white {
  margin-top: -35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 40px 40px 0px 0px;
  padding: 65px 16px 20px 16px;
}

.top-Title {
  margin-bottom: 43px;
  font-size: 36px;
  color: #18202D;
  line-height: 34px;
}

.top-sub {
  margin-bottom: 60px;
  width: 660px;
  font-size: 28px;
  color: #888888;
  line-height: 48px;
}

.top-image {
  margin-bottom: 30px;
  width: 750px;
  height: 472px;
}

.top-sub-midd {
  margin-bottom: 30px;
  width: 580px;
  text-align: center;
}

.midd-image {
  margin-bottom: 60px;
  width: 733px;
  height: 558px;
}

.top-list-Title {
  margin-bottom: 34px;
  display: flex;
  flex-direction: row;
  position: relative;
}

.top-left {
  margin-left: 33px;
  margin-right: 10px;
  width: 8px;
  height: 29px;
  background: linear-gradient(0deg, #0071FF 0%, #318CFF 100%);
  border-radius: 4px;
}

.top-right {
  font-size: 30px;
  color: #333333;
  line-height: 30px;
}

.top-subject {
  margin-bottom: 73px;
  width: 675px;
  font-size: 26px;
  color: #888888;
  line-height: 48px;
}


.PDM {
  padding-top: 74px;
  padding-bottom: 66px;
  width: 750px;
  background: #F3F6FF;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.PDM-Title {
  margin-bottom: 43px;
  font-size: 36px;
  color: #18202D;
  line-height: 34px;
}

.PDM-sub {
  margin-bottom: 63px;
  width: 643px;
  font-size: 28px;
  color: #888888;
  line-height: 48px;
  text-align: center;
}

.PDM-image {
  width: 750px;
  height: 350px;
}

.target-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 58px;
  padding-bottom: 90px;
  width: 100%;
  position: relative;
}

.target-Title {
  margin-left: auto;
  margin-right: auto;
  width: 255px;
  font-size: 36px;
  color: #18202D;
  line-height: 34px;
  margin-bottom: 254px;
}

.target-image {
  margin-bottom: 21px;
  width: 750px;
  height: 541px;
}

.target-top {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

}

.target-top-title {
  padding-top: 34px;
  width: 301px;
  height: 190px;
  background: url('https://oss.cloudcpc.com/3f771e34be4137f9aa8f0593d1e6d734.png') no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.target-top-txt {
  width: 301px;
  font-size: 24px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
}

.target-midd {
  margin-left: 136px;
  margin-right: 136px;
  margin-bottom: 6px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.target-midd-img {
  margin-top: 20px;
  width: 88px;
  height: 157px;
}

.target-midd-img2 {
  width: 88px;
  height: 177px;
}

.target-line {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
  width: 729px;
  height: 6px;
}

.target-dowm {
  margin-left: 25px;
  margin-right: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.target-list {
  position: absolute;
  top: 174px;
  left: 16px;
  width: 718px;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}

.scroll-view-item {
  display: inline-block;
  width: 100%;
  height: 452px;
}

.target-list-white {
  margin-right: 15px;
  width: 361px;
  height: 462px;
}

.target-list-sub {
  padding: 36px 25px 0px 25px;
  width: 335px;
  font-size: 24px;
  color: #0A5CF5;
  line-height: 48px;
}

.target-down-img {
  position: absolute;
  top: 592px;
  left: 358px;
  width: 33px;
  height: 65px;
}

.target-down-text {
  position: absolute;
  top: 669px;
  width: 750px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 42px;
}

.target-midd-two {
  position: absolute;
  top: 767px;
  left: 136px;
  right: 136px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


.target-midd-two-img {
  width: 88px;
  height: 127px;
}

.target-midd-two-img2 {
  width: 88px;
  height: 127px;
}
